<template>
  <div>
    <button @click="changeList">列表视图</button>
    <button @click="across">网格视图</button>
    <input type="text">
    <button>升序</button>
    <button>降序</button>
    <Datalist :isshow="isshow"/>
  </div>
</template>

<script>
import Datalist from "../components/DataList.vue"

export default {
  name: "IndexPage",
  data() {
    return {
      isshow: true
    }
  },
  components: {
    Datalist
  },
  methods: {
    changeList() {
      this.isshow = true
    },
    across(){
      this.isshow = false
      // console.log(this.isshow)
    }

  }
}
</script>

<style scoped>

</style>